<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Language" content="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
</head>
<style type="text/css">
    html,body { margin:0; padding:0;}
    img { border:0;}
    .top{
        width:100%;
        height: 11px;
        background-color: #ffffff;

    }

    .top{
        width:100%;
        height: 80px;
        background-color: #ffffff;
        -webkit-box-shadow:0 0 5px #888888;
        -moz-box-shadow:0 0 5px #888888;
        box-shadow:0 0 5px #888888;
    }

    .top .top-logo{padding-top:15px;	}
    .top .top-logo .top-logo-img{ float:left; }
    .top .top-logo .tel{ float:right;}
    .container-fluid{
        padding: 0;
        width:100%;
    }
    .container{
        width:1200px;
        height:auto;
        margin:0 auto;
        padding: 0;
    }
    .errorbox{  height:calc(100% - 150px); height:90%;}
    .errorbox a{ display:block; position:absolute; top:50%; left:50%; margin-top:-275px; margin-left:-275px;}
    .footer{ width:100%; height:38px; background:#505050; line-height:38px; position:fixed; bottom:0px;left:0px; }
    .footer .container p{ text-align:center; color:#eee; font-size:14px; margin:0;}

</style>

<body>
<div id="container" class="container errorbox "><a href="/"><img src="/error/images/404_04.jpg"/></a></div>
</body>
</html>

